    <!-- <div id="root">
       <ul>
        <li @mouseover = "changeWeather" id="HongYanOne">
            <a href="">首页</a><span>home</span>
        </li>
        <li  id="HongYanTwo">
            <a href="">关于红岩</a>
            <span>HongYan</span>
            <ul>
                <li><a href="">红岩文化</a></li>
                <li><a href="">博物馆机构</a></li>
                <li><a href="">历史沿革</a></li>
            </ul>
        </li>
        <li id="HongYanTwo">
            <a href="">公告动态</a>
            <span>Dynamics</span>
            <ul>
                <li><a href="">文博信息</a></li>
                <li><a href="">政务平台</a></li>
                <li><a href="">公告</a></li>
                <li><a href="">专题报道</a></li>
            </ul>
        </li>
        <li id="HongYanTwo">
            <a href="">馆藏精品</a>
            <span>Collections</span>
            <ul>
                <li><a href="">一级文物</a></li>
                <li><a href="">二级文物</a></li>
                <li><a href="">三级文物</a></li>
            </ul>
        </li>
        <li id="HongYanTwo">
            <a href="">陈列展览</a>
            <span>Exhibition</span>
            <ul>
                <li><a href="">虚拟展览</a></li>
                <li><a href="">基本陈列</a></li>
                <li><a href="">复原陈列</a></li>
                <li><a href="">临时展览</a></li>
                <li><a href="">展览交流</a></li>
            </ul>
        </li>
        <li id="HongYanTwo">
            <a href="">研究开发</a>
            <span>Research</span>
            <ul>
                <li><a href="">历史研究</a></li>
                <li><a href="">艺术创作</a></li>
                <li><a href="">影音在线</a></li>
                <li><a href="">文创产品</a></li>
            </ul>
        </li>
        <li id="HongYanTwo">
            <a href="">公共教育</a>
            <span>Education</span>
            <ul>
                <li><a href="">党性教育</a></li>
                <li><a href="">爱国主义教育</a></li>
                <li><a href="">研学实践教育</a></li>
                <li><a href="">科普教育</a></li>
            </ul>
        </li>
        <li @mouseover = "changeWeather" id="HongYanOne">
            <a href="">参观服务</a>
            <span>Service</span>
            <ul>
                <li><a href="">景点介绍</a></li>
                <li><a href="">服务内容</a></li>
                <li><a href="">网上预约</a></li>
                <li><a href="">志愿服务</a></li>
            </ul>
        </li>
        <li @mouseover = "changeWeather" id="HongYanOne">
            <a href="">网上预约</a>
            <span>Reservation</span>
        </li>
       </ul>
        <li>
            1{{info}}{{numbers.b}}
        </li>
         <button @click="changeWeather">切换天气</button> -->
    <!-- </div>  -->